<div class="row justify-content-center">
  <div class="col-xl-8 col-lg-8 col-sm-8">
    <div class="wrapper">
      <div class="search-input">
        <a href="" target="_blank" hidden></a>
        <div class="input-group">
          <input type="text" class="form-control" placeholder="Filter Subdomains" aria-label="Filter Subdomains" id="subdomains-search">
          <div class="input-group-append">
            <button id="subdomain-search-button" class="btn btn-primary" type="button"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" class="feather feather-search"><circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line></svg> Search</button>
          </div>
        </div>
        <div class="autocom-box mt-container mx-auto" id="autocom-box">
        </div>
      </div>
    </div>
  </div>
</div>
<div class="row">
  <div class="col-12">
    <div class="card">
      <div class="card-body">
        <div class="row">
          <div class="col-6 float-start">
            <a class="disabled btn btn-soft-primary ms-2" data-button="subdomain_btns" data-toggle="tooltip" data-placement="top" title="Initiate Multiple Subscans" onclick="initiateMultipleSubscan()">
              <i class="fe-zap"></i>
              Initiate Subscan
            </a>
            <a class="disabled btn btn-soft-info" data-button="subdomain_btns" data-toggle="tooltip" data-placement="top" title="Download Selected Subdomains" onclick="downloadSelectedSubdomains('{{history.domain.name}}')">
              <i class="fe-download"></i>
              Download Selected Subdomains
            </a>
            <a class="disabled btn btn-soft-danger" data-button="subdomain_btns" data-toggle="tooltip" data-placement="top" title="Delete Multiple Subdomains" onclick="deleteMultipleSubdomains()">
              <i class="fe-trash"></i>
              Delete Multiple Subdomains
            </a>
            <div class="ms-2 mt-2" id="">
              <a href="#" class="badge badge-soft-primary" id="subdomain_selected_count" onclick="uncheckSubdomains()"  data-toggle="tooltip" data-placement="top" title="Clear Subdomains"></a>
            </div>
          </div>
          <div class="col-6">
            <div class="btn-group mb-2 float-end dropstart">
              <button class="btn btn-soft-primary dropdown-toggle ms-1" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false" data-toggle="tooltip" data-placement="left" title="Filter Columns">
                <i class="fe-filter"></i>
              </button>
              <div class="dropdown-menu" style="">
                <div class="dropdown-item">
                  <div class="form-check">
                    <input type="checkbox" class="form-check-input" id="sub_http_status_filter_checkbox" name="sub_http_status_filter_checkbox" checked>
                    <label class="form-check-label" for="http_status_filter_checkbox">HTTP Status</label>
                  </div>
                </div>
                <div class="dropdown-item">
                  <div class="form-check">
                    <input type="checkbox" class="form-check-input" id="sub_page_title_filter_checkbox" name="sub_page_title_filter_checkbox" checked>
                    <label class="form-check-label" for="page_title_filter_checkbox">Page Title</label>
                  </div>
                </div>
                <div class="dropdown-item">
                  <div class="form-check">
                    <input type="checkbox" class="form-check-input" id="sub_ip_filter_checkbox" name="sub_ip_filter_checkbox" checked>
                    <label class="form-check-label" for="ip_filter_checkbox">IP Address</label>
                  </div>
                </div>
                <div class="dropdown-item">
                  <div class="form-check">
                    <input type="checkbox" class="form-check-input" id="sub_ports_filter_checkbox" name="sub_ports_filter_checkbox" checked>
                    <label class="form-check-label" for="ports_filter_checkbox">Ports</label>
                  </div>
                </div>
                <div class="dropdown-item">
                  <div class="form-check">
                    <input type="checkbox" class="form-check-input" id="sub_content_length_filter_checkbox" name="sub_content_length_filter_checkbox" checked>
                    <label class="form-check-label" for="content_length_filter_checkbox">Content Length</label>
                  </div>
                </div>
                <div class="dropdown-item">
                  <div class="form-check">
                    <input type="checkbox" class="form-check-input" id="sub_response_time_filter_checkbox" name="sub_response_time_filter_checkbox" checked>
                    <label class="form-check-label" for="response_time_filter_checkbox">Response Time</label>
                  </div>
                </div>
                <div class="dropdown-item">
                  <div class="form-check">
                    <input type="checkbox" class="form-check-input" id="sub_screenshot_filter_checkbox" name="sub_screenshot_filter_checkbox" checked>
                    <label class="form-check-label" for="sub_screenshot_filter_checkbox">Screenshot</label>
                  </div>
                </div>
              </div>

              <a class="btn btn-soft-primary ms-2 me-2" data-toggle="tooltip" data-placement="top" title="Reload Subdomains" id="reload_subdomain_table_btn">
                <i class="fe-refresh-cw"></i>
              </a>

              <button class="btn btn-primary dropdown-toggle" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false" data-toggle="tooltip" data-placement="left" title="Download Subdomains">
                <i class="fe-download"></i>
              </button>
              <div class="dropdown-menu" style="">
                {% if detail_scan %}
                  <a class="dropdown-item" href="javascript:download_subdomains(scan_id={{scan_history_id}}, domain_id=null, domain_name='{{history.domain.name}}')">Download All Subdomains</a>
                  <a class="dropdown-item" href="javascript:download_interesting_subdomains(scan_id={{scan_history_id}}, domain_id=null, domain_name='{{history.domain.name}}');">Download Interesting Subdomains</a>
                  <a class="dropdown-item" href="javascript:download_important_subdomains(scan_id={{scan_history_id}}, domain_id=null, domain_name='{{history.domain.name}}');">Download Important Subdomains</a>
                {% endif %}

                {% if target_summary %}
                  <a class="dropdown-item" href="javascript:download_subdomains(scan_id=null, domain_id={{target.id}}, domain_name='{{target.name}}')">Download All Subdomains</a>
                  <a class="dropdown-item" href="javascript:download_interesting_subdomains(scan_id=null, domain_id={{target.id}}, domain_name='{{target.name}}');">Download Interesting Subdomains</a>
                  <a class="dropdown-item" href="javascript:download_important_subdomains(scan_id=null, domain_id={{target.id}}, domain_name='{{target.name}}');">Download Important Subdomains</a>
                {% endif %}

                {% if all_subdomains %}
                  <a class="dropdown-item" href="javascript:download_subdomains()">Download All Subdomains</a>
                  <a class="dropdown-item" href="javascript:download_interesting_subdomains()">Download Interesting Subdomains</a>
                  <a class="dropdown-item" href="javascript:download_important_subdomains()">Download Important Subdomains</a>
                {% endif %}
              </div>

            </div>
          </div>
        </div>
        <div class="row mt-1">
          <div class="col-12">
            <table id="subdomain_scan_results" class="table style-3 table-hover">
              <thead>
                <tr>
                  <th class="checkbox-column">Status</th>
                  <th>Subdomain</th>
                  <th class="text-center">Endpoints</th>
                  <th class="text-center">Vulnerabilities</th>
                  <th class="text-center">Status</th>
                  <th class="text-center">Title</th>
                  <th class="text-center">IP</th>
                  <th class="text-center">Ports</th>
                  <th class="text-center">Content Length</th>
                  <th class="text-center">Screenshot</th>
                  <th class="text-center">Response Time</th>
                  <th>Technology</th>
                  <th>Checked</th>
                  <th>HTTP URL</th>
                  <th>CNAME</th>
                  <th>is_interesting</th>
                  <th>Info</th>
                  <th>Low</th>
                  <th>Medium</th>
                  <th>High</th>
                  <th>Critical</th>
                  <th>Todos</th>
                  <th>Is Important</th>
                  <th>Webserver</th>
                  <th>Action</th>
                  <th>Directories Count</th>
                  <th>Subscan Count</th>
                </tr>
              </thead>
            </table>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
